﻿@model SnongPhoneShop.Models.SanPham
@{
    ViewBag.Title = "Phụ kiện " + Model.TenSanPham;
    Layout = "~/Views/Shared/_LayoutMetroUI.cshtml";
    ViewBag.CurrPage = "Chi tiết phụ kiện";
}
<div class="group-tiles">
    <span class="group-name">@Model.TenSanPham</span>
    <div class="product-view-tiles tiles">
        <img src="@Model.AnhDaiDien" class="img-product-detail" />
        <ul>
            <li>Giá tiền: @Model.DonGia.ToString("n0") VNĐ</li>
            <li>Loại phụ kiện: @Model.DanhMucSanPham.TenDanhMuc</li>
            <li>Tình trạng: @if (Model.TinhTrang != null)
                            { @Model.TinhTrang.TenTinhTrang }</li>
            <li>Bảo hành: @Model.BaoHanh</li>
            <li>Thông tin: @Model.MoTa</li>
        </ul>
        <div class="product-view-tiles tiles-hover">                        
            <a href="@Url.Action("Dat_Hang", new { ID = Model.MaSanPham.Trim() })"><img class="add-cart-view" src="/Images/ImgPage/Very-Basic-Plus-icon.png" title="Thêm giỏ hàng" /></a>
        </div>
    </div>              
</div>
<div class="group-tiles">
    <span class="group-name">Ảnh sản phẩm</span>
    @{
        var ListImg = Model.AnhSanPhams.ToList();
    }
    @if (ListImg.Count > 0)
    { 
        <div class="column column-2">
            <div class="large-tiles invi-tiles">
                <img class="img-of-tiles" id="img-full" src="@ListImg[0].Anh" /> 
            </div>
        </div>
        <div class="column">
            <div class="contain-tiles tiles scroll-enable">
                @foreach (var Item in ListImg)
                { 
                    <div class="medium-tiles tiles">
                        <img class="img-of-tiles img-thumb" src="@Item.Anh" />
                    </div>
                }           
            </div>   
        </div>
    }
    else
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">
                <b class="Mess-No-Item">Hiện chưa có thêm ảnh về sản phẩm này</b>
            </div>
            <div class="medium-tiles invi-tiles"></div>
        </div>
    }
    
</div>
<div class="group-tiles">
    <span class="group-name">Điện thoại tương thích</span>
    @{
        var ListDT = Model.SanPhamDT.ToList();
    }
    @if (ListDT.Count > 0)
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">
                <div class="amazingslider-2" style="display:block;position:relative;margin:0 auto 32px;">
                    <ul class="amazingslider-slides" style="display:none;">
                        @foreach (var Item in ListDT)
                        { 
                            <li><img src="@Item.AnhDaiDien" alt="@Item.TenSanPham" /></li>
                        }
                    </ul>
                </div>
            </div>
            <div class="medium-tiles tiles"></div>
            <div class="medium-tiles tiles"></div>
        </div>
        <div class="column">
            <div class="contain-tiles tiles scroll-enable no-hover">
                @for (int i = 0; i < ListDT.Count; i++)
                { 
                    <div class="wide-tiles tiles">
                        <span class="title-tiles">@ListDT[i].TenSanPham</span>
                        <img class="img-product" src="@ListDT[i].AnhDaiDien" />
                        <div class="basic-info">
                            <ul>
                                <li>Tình trạng: @ListDT[i].TinhTrang.TenTinhTrang</li>
                                <li>Bảo hành: @ListDT[i].BaoHanh</li>
                                <li>Quà tặng: @ListDT[i].QuaTang</li>
                                <li>Giá bán: @ListDT[i].DonGia.ToString("n0") VND</li>
                            </ul>
                        </div>
                        <div class="wide-tiles tiles-hover">
                            <a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = ListDT[i].MaSanPham.Trim() })"><img class="detail-view" src="/Images/ImgPage/2c_info.png" title="Xem chi tiết" /></a>
                            <a href="@Url.Action("Dat_Hang", "San_Pham", new { ID = ListDT[i].MaSanPham.Trim() })"><img class="add-cart" src="/Images/ImgPage/Very-Basic-Plus-icon.png" title="Thêm giỏ hàng" /></a>
                        </div>
                    </div>
                }           
            </div>
        </div>
    }
    else
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">
                <b class="Mess-No-Item">Hiện chưa có điện thoại tương thích với sản phẩm này</b>
            </div>
            <div class="medium-tiles invi-tiles"></div>
        </div>
    }
    
</div>
<div class="group-tiles">
    <span class="group-name">Ý kiến khách hàng</span>
    <div id="comment-view" data-id="@Model.MaSanPham.Trim()">
        @{Html.RenderAction("Binh_Luan", "Ajax", new { ID = Model.MaSanPham.Trim() });}
    </div>
</div>
<div class="group-tiles">
    <span class="group-name">Sản phẩm cùng danh mục</span>
    @{
        var ListSP_CH = Model.DanhMucSanPham.SanPhams.Where(m => m.Publish == true && !m.MaSanPham.Equals(Model.MaSanPham)).Take(8).ToList();
    }
    @if (ListSP_CH.Count > 0)
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">           
                <div class="amazingslider-2" style="display:block;position:relative;margin:0 auto 32px;">
                    <ul class="amazingslider-slides" style="display:none;">
                        @foreach (var Item in ListSP_CH)
                        { 
                            <li><a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = Item.MaSanPham.Trim() })"><img src="@Item.AnhDaiDien" alt="@Item.TenSanPham" /></a></li>
                        }
                    </ul>
                </div>
            </div>
            <div class="medium-tiles tiles"></div>
            <div class="medium-tiles tiles"></div>
        </div>
                        for (int i = 0; i < ListSP_CH.Count; i++)
                        {
                            if (i % 3 == 0)
                            { 
                @Html.Raw("<div class=\"column\">")
                            }          
            <div class="wide-tiles tiles">
                <span class="title-tiles">@ListSP_CH[i].TenSanPham</span>
                <img class="img-product" src="@ListSP_CH[i].AnhDaiDien" />
                <div class="basic-info">
                    <ul>
                        <li>Tình trạng: @ListSP_CH[i].TinhTrang.TenTinhTrang</li>
                        <li>Bảo hành: @ListSP_CH[i].BaoHanh</li>
                        <li>Loại phụ kiện: @ListSP_CH[i].DanhMucSanPham.TenDanhMuc</li>
                        <li>Giá bán: @ListSP_CH[i].DonGia.ToString("n0") VND</li>
                    </ul>
                </div>
                <div class="wide-tiles tiles-hover">
                    <a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = ListSP_CH[i].MaSanPham.Trim() })"><img class="detail-view" src="/Images/ImgPage/2c_info.png" title="Xem chi tiết" /></a>
                    <a href="@Url.Action("Dat_Hang", "San_Pham", new { ID = ListSP_CH[i].MaSanPham.Trim() })"><img class="add-cart" src="/Images/ImgPage/Very-Basic-Plus-icon.png" title="Thêm giỏ hàng" /></a>
                </div>
            </div>
                            if (i % 3 == 2 || i == ListSP_CH.Count - 1)
                            { 
                @Html.Raw("</div>")
                            }
                        }
    }
    else
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">
                <b class="Mess-No-Item">Hiện không có sản phẩm nào khác của danh mục @Model.DanhMucSanPham.TenDanhMuc</b>
            </div>
            <div class="medium-tiles invi-tiles"></div>
        </div>
    }
</div>
<div class="group-tiles">
    <span class="group-name">Sản phẩm đồng giá</span>
    @{
        SnongPhoneShop.Models.SnongPhoneShopEntities db = new SnongPhoneShop.Models.SnongPhoneShopEntities();
        var ListSP_DG = db.SanPhams.Where(m => m.DonGia <= (Model.DonGia + 1000000) && m.DonGia >= (Model.DonGia - 1000000) && !m.MaSanPham.Equals(Model.MaSanPham) && m.Publish == true && m.DanhMucSanPham.Publish == true && m.DanhMucSanPham.MaLoaiDanhMuc == 2).Take(8).ToList();
    }
    @if (ListSP_DG.Count > 0)
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">           
                <div class="amazingslider-2" style="display:block;position:relative;margin:0 auto 32px;">
                    <ul class="amazingslider-slides" style="display:none;">
                        @foreach (var Item in ListSP_DG)
                        { 
                            <li><a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = Item.MaSanPham.Trim() })"><img src="@Item.AnhDaiDien" alt="@Item.TenSanPham" /></a></li>
                        }
                    </ul>
                </div>
            </div>
            <div class="medium-tiles tiles"></div>
            <div class="medium-tiles tiles"></div>
        </div>
                        for (int i = 0; i < ListSP_DG.Count; i++)
                        {
                            if (i % 3 == 0)
                            { 
                @Html.Raw("<div class=\"column\">")
                            }          
            <div class="wide-tiles tiles">
                <span class="title-tiles">@ListSP_DG[i].TenSanPham</span>
                <img class="img-product" src="@ListSP_DG[i].AnhDaiDien" />
                <div class="basic-info">
                    <ul>
                        <li>Tình trạng: @ListSP_DG[i].TinhTrang.TenTinhTrang</li>
                        <li>Bảo hành: @ListSP_DG[i].BaoHanh</li>
                        <li>Loại phụ kiện: @ListSP_DG[i].DanhMucSanPham.TenDanhMuc</li>
                        <li>Giá bán: @ListSP_DG[i].DonGia.ToString("n0") VND</li>
                    </ul>
                </div>
                <div class="wide-tiles tiles-hover">
                    <a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = ListSP_DG[i].MaSanPham.Trim() })"><img class="detail-view" src="/Images/ImgPage/2c_info.png" title="Xem chi tiết" /></a>
                    <a href="@Url.Action("Dat_Hang", "San_Pham", new { ID = ListSP_DG[i].MaSanPham.Trim() })"><img class="add-cart" src="/Images/ImgPage/Very-Basic-Plus-icon.png" title="Thêm giỏ hàng" /></a>
                </div>
            </div>
                            if (i % 3 == 2 || i == ListSP_DG.Count - 1)
                            { 
                @Html.Raw("</div>")
                            }
                        }
    }
    else
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">
                <b class="Mess-No-Item">Hiện không có sản phẩm nào có cùng khoảng giá @Model.DonGia.ToString("n0") VNĐ</b>
            </div>
            <div class="medium-tiles invi-tiles"></div>
        </div>
    }
</div>